<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>登录</title>
    <link rel="stylesheet" href="../static/css/normalize.css" />
    <link rel="stylesheet" href="../static/css/common.css" />
    <style>
      .content {
        background: linear-gradient(
          206deg,
          rgba(255, 0, 0, 0.09) 0%,
          rgba(255, 255, 255, 0.19) 50%,
          rgba(0, 34, 255, 0.14) 100%
        );
        min-height: 100vh;
        padding-bottom: 4.9rem;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
      }
      .login-container {
        width: 30rem;
        padding: 2rem;
        background-color: #f3f3f3;
        border: 0.1rem solid #ddd;
        border-radius: 0.5rem;
        box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.2);
      }
      input[type="text"],
      input[type="password"] {
        width: calc(100% - 2rem);
        padding: 1rem;
        margin: 0.2rem 0;
        border: 0.1rem solid #ccc;
        border-radius: 0.5rem;
      }
      .submit-box {
        margin-top: 2rem;
        text-align: center;
      }
      .submit-box input[type="submit"] {
        width: calc(100%);
        padding: 1rem;
        background-color: #5cb85c;
        color: white;
        border: none;
        border-radius: 0.5rem;
        cursor: pointer;
      }
      .register {
        color: #1677ff;
      }
      .welcome {
        margin-bottom: 2rem;
        color: goldenrod;
        font-size: 1.8rem;
      }
    </style>
  </head>
  <body>
    <div class="content">
      <div class="welcome">欢迎登录xxxs</div>
      <div class="login-container">
        <form>
          <span>手机号</span>
          <input type="text" placeholder="手机号" name="username" required="" />
          <span>新密码</span>
          <input
            type="password"
            placeholder="密码"
            name="password"
            required=""
          />
          <span>确认密码</span>
          <input
            type="password"
            placeholder="密码"
            name="password"
            required=""
          />
          <div class="submit-box">
            <input type="submit" value="提交" />
          </div>
          <div class="register">
            <span class="go-register">无账号？去注册</span>
          </div>
        </form>
      </div>
    </div>
  </body>
  <script src="../static/js/jquery.2.1.4.min.js"></script>
  <script src="../static/js/common.js"></script>
  <script>
    const toIndex = function () {
      window.location.href = "./index.html";
    };

    const register = function () {
      window.location.href = "./register.html";
    };
    $(".go-register").on("click", function () {
      register();
    });

    $(".go-reset").on("click", function () {
      window.location.href = "./reset.html";
    });
  </script>
</html>
